<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>todolist</title>
</head>
<body>
<!--头部区域-->
<header>
	<section>
		<form action="javascript:;" id="form">
			<label for="title">ToDoList</label>
			<input type="text" id="title" name="title" placeholder="添加ToDo"/>

		</form>
	</section>
</header>
<!---->
<section>
	<h2>正在进行<span id="todocount"></span></h2>
	<ol id="todolist" class="dome-box">

	</ol>
	<h2>已经完成<span id="donecount"></span></h2>
	<ul id="donelist">

	</ul>
</section>
<!---->
<footer>
	路飞学成todolist.cn<a href="javascript:;">clear</a>
</footer>
<script src="js/jQuery3.6.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>

</body>
</html>